<template>
  <div class="box">
    <el-table
      :data="tableData"
      border
      height="500px"
      class="table"
      style="width: 100%; background: #101E56">
      <el-table-column
        label="混捏机编号"
        prop="id"
        width="180">
      </el-table-column>
      <el-table-column
        label="班组号"
        prop="team"
        width="180">
      </el-table-column>
      <el-table-column
        label="混捏机状态"
        prop="status">
        <template slot-scope="scope">
          <Status :status="scope.row.status"
          @check="handleClick">
          </Status>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
import Status from '@/components/Status.vue';

export default {
  name: 'TableSlide',
  components: { Status },
  props: ['tableData'],
  computed: {
  },
  data() {
    return {
      // type: '',
      // status: '正常',
    };
  },
  methods: {
    handleClick() {
      console.log('click');
      this.$emit('check');
    },
  },
};
</script>

<style lang="scss" scoped>
.box {
  margin: 0;
  padding: 6px;
}
/deep/ .el-table tr{
  background: #101E56;
}
/deep/ .el-table th{
  background: #101E56;
}
/deep/ .el-table thead{
  color: #FFFFFF;
}
/deep/ .el-table {
  color: gray;
}
</style>
